<template>
    <div id="search">
        <ul class="contest">
            <li class="img" v-if="img"><img src="http://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/search/logo_home.png"></li>
            <!-- <li class="inp" @click="handleClick"><input type="text" placeholder="输入商品关键字查找" :style="newMargin"></li>
            <li class="back" v-if="back">搜索</li> -->
        </ul>
    </div>
</template>

<script>
    export default {
      data(){
        return{
          img:true,
          back:false,
          newMargin:''
        }
      },
      methods:{
        handleClick(){
          this.img = false;
          this.back = true;
          this.newMargin = 'margin-left:.3rem;width:6rem;'
        }
      }
    }
</script>

<style>

</style>